<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*,java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>輔大課程書籍交易系統</title>
</head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css"type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css"type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<style>
.clear{clear:both;}
.title{float:left; margin:20px 20px 20px 0;}
.page {width:959px; margin:0 auto; padding:0; text-align:left;  }
.content {width:959px; margin:0 auto; padding:0; text-align:left; }
.footer-container {width:959px; margin:0 auto; padding:0; text-align:left; }
.header{padding:20px 0 40px 0;}
.header .quick-access{float:right;margin-top:45px;}
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.footer-container .page .footer .full-width .copy {text-align: center;}
table td{ height:30px; text-align:left;}

</style>
<script>
	$(function() {
		$( ".btn" ).button();
		$( "#dialog-login" ).dialog({
			autoOpen: false,
			height: 300,
			width: 500,
			modal: true,
			buttons: {
				"Enter": function() {
					var bValid = true;
					

					if ( bValid ) {
						 //新增進去資料庫
						$( this ).dialog( "close" );
					}
				},
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});

		$( "#create-login" )
			.button()
			.click(function() {
				$( "#dialog-login" ).dialog( "open" );
			});
	});
	
</script>
<body>
<div id="dialog-login" title="Login">
                        
	<form>
    	<fieldset>
        <label for="account">帳號</label><br>
        <input type="text" name="mem_account" id="mem_account" class="text ui-widget-content ui-corner-all" /><br>
        <label for="password">密碼</label><br>
        <input type="password" name="mem_password" id="mem_password" value="" class="text ui-widget-content ui-corner-all" /><br>
        </fieldset>
    </form>
</div>
<div class="header-container">
    <div class="page">       
        <div class="header">
        	<div class="quick-access"><a class="btn" href="reg.jsp">註冊</a> <a class="btn" id="create-login" href="#">登入</a>                             
              
            </div>
            <div class="title"><a href="index.jsp" style="text-decoration:none;">
                    <h1 class="ui-widget-header ui-corner-all" style="padding:5px;"><span class="ui-icon ui-icon-circle-plus" style="float:left;margin-top:10px;"></span>輔大課程書籍買賣系統</h1></a>
            </div>
        	<br class="clear"/> 
        </div>         
    </div>
</div>
<div class="content">
  <h3 class="ui-widget-header ui-corner-all"><span class="ui-icon ui-icon-script" style="float:left;margin-top:3px;"></span><strong style="padding-left:5px;">販書清單</strong><a href="BookSearch.jsp" style="font-size:12px;padding-left:10px;">搜尋</a></h3> 
  <table class="ui-widget ui-widget-content">
  <thead class="ui-widget-header ">
        <tr>
            <td width="200">課程名稱</td>
            <td width="450">書籍名稱</td>
            <td width="160">書籍作者</td>
            <td width="80">授課教授</td>
        </tr>
   </thead>
   <tbody>
        <tr>
            <td>系統分析與設計</td>
            <td>Object-Oriented Systems Analysis and Design (2009), Pearson Education International</td>
            <td>Ashrafi, N. &amp; Ashrafi, H. </td>
            <td>吳濟聰</td>
        </tr>
        <tr>
            <td>顧客關係管理</td>
            <td>顧客關係管理—資料庫行銷方法之應用, 華泰文化公司出版 (2007年) </td>
            <td>洪育忠譯</td>
          <td>林文修</td>
        </tr>
        <tr>
            <td>系統分析與設計</td>
            <td>Object-Oriented Systems Analysis and Design (2009), Pearson Education International</td>
            <td>Ashrafi, N. &amp; Ashrafi, H. </td>
            <td>吳濟聰</td>
        </tr>  
	</tbody>
	</table>
<br />	
  <h3 class="ui-widget-header ui-corner-all"><span class="ui-icon ui-icon-script" style="float:left;margin-top:3px;"></span><strong style="padding-left:5px;">求書清單</strong><a href="#" style="font-size:12px;padding-left:10px;">搜尋</a></h3>
	<table class="ui-widget ui-widget-content">
    <thead class="ui-widget-header ">
        <tr>
            <td width="200">課程名稱</td>
            <td width="450">書籍名稱</td>
            <td width="160">書籍作者</td>
            <td width="80">授課教授</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>系統分析與設計</td>
            <td>Object-Oriented Systems Analysis and Design (2009), Pearson Education International</td>
            <td>Ashrafi, N. &amp; Ashrafi, H. </td>
            <td>吳濟聰</td>
        </tr>
        <tr>
            <td>系統分析與設計</td>
            <td>Object-Oriented Systems Analysis and Design (2009), Pearson Education International</td>
            <td>Ashrafi, N. &amp; Ashrafi, H. </td>
            <td>吳濟聰</td>
        </tr>    
        <tr>
            <td>系統分析與設計</td>
            <td>Object-Oriented Systems Analysis and Design (2009), Pearson Education International</td>
            <td>Ashrafi, N. &amp; Ashrafi, H. </td>
            <td>吳濟聰</td>
        </tr>
    </tbody>       
	</table>    
  <br />   
</div>


<div class="footer-container">
    <div class="page">
    <div class="footer">
    <div class="full-width"><br class="clear" />
    <p class="ui-widget-header ui-corner-all" align="center">© <script type="text/javascript">var mdate = new Date(); document.write(mdate.getFullYear());</script> Fju JoinTeam. All Rights Reserved.</p>

    </div>
    </div>
    </div>
</div>

</body>
</html>